@import './reset';
::-webkit-textarea-placeholder { color:#b3b3b3; }
.container{
	width: 100%;
	/*background: white;*/
	overflow: hidden;
	box-sizing: border-box;
	padding-bottom: calculateRem(70px);
	.q-wrap{
		width: 100%;
		height: auto;
		box-sizing: border-box;
		padding: calculateRem(12px) calculateRem(16px);
		overflow: hidden;
		background: white;
		.question{
			width: 100%;
			line-height: calculateRem(22px);
			font-size: calculateRem(16px);
			color: #333;
			@include break;

		}
		.option{
			width: 100%;
			height: calculateRem(40px);
			line-height: calculateRem(40px);
			color: black;
			font-size: calculateRem(16px);
			@include ell;
			&:active{
				background: #fdfdfd;
			}
			>span{

				&:before{
					content: '';
					display: inline-block;
					width: calculateRem(18px);
					height: calculateRem(18px);
					background: url(../images/noselect.png) no-repeat;
					background-size: 100%;
					vertical-align: text-top;
					margin-right: calculateRem(6px);
				}
			}
		}
		.active{
			>span{
				&:before{
					background: url(../images/select.png) no-repeat;
					background-size: 100%;
				}
			}
		}

		.reason{
			width: 100%;
			height: calculateRem(160px);
			box-sizing: border-box;
			border-radius: 3px;
			border: 1px solid #ccc;
			padding: calculateRem(10px);
			font-size: calculateRem(14px);
			resize: none;
			color: black;
			margin-top: calculateRem(10px);
			margin-bottom: calculateRem(56px);
		}
	}

	.tip-text{
		width: 100%;
		padding: 0 calculateRem(16px);
		font-size: calculateRem(14px);
		color: #999;
		line-height: calculateRem(20px);
		@include break;
		margin-top: calculateRem(10px);
	}

}

.footer{
	width: 100%;
	height: calculateRem(60px);
	position: fixed;
	z-index: 100;
	bottom: 0;
	left: 0;
	right: 0;
	background: #F5F8FA;
	.btns-wrap{
		position: absolute;
		height: calculateRem(50px);
		left: calculateRem(10px);
		right: calculateRem(10px);
		bottom: calculateRem(5px);
		>a{
			display: block;
			height: calculateRem(50px);
			font-size: calculateRem(20px);
			color: #FFFFFF;
			text-align: center;
			line-height: calculateRem(50px);
			outline: none;
			border-radius: calculateRem(5px);
			font-weight: bold;
		}
		.thinkmore{
			background: #D8E5F5;
			width: 35%;
			color: #666;
			float: left;
			&:active{
				background: #e4ebf3;
			}
		}
		.sure{
			background: #E62622;
			width: 63%;
			float: right;
			color: white;
			&:active{
				background: #C51B0D;
			}
		}
		.resign{
			height: calculateRem(50px);
			border-radius: calculateRem(5px);
			color: white;
			font-size: calculateRem(20px);
			background: #E62622;
			font-weight: bold;
			&:active{
				background: #C51B0D;
			}
		}
	}
}
